html {
    font-size: 20px
}

* {
    margin: 0;
    padding: 0;
}

img {
    display: block;
}

.head {
    width: 15rem;
    height: 2.2rem;
    padding: 0.5rem;
    border-bottom: 1px solid #dadada;
}

.head-radius-big {
    float: left;
    width: 2.075rem;
    height: 2.075rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ececec;
}

.head-hr-middle {
    float: left;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    width: 0.75rem;
    height: 1.075rem;
    border-bottom: 0.05rem solid #ececec;
}

.head-radius-small {
    float: left;
    margin-top: 0.3rem;
    width: 1.6rem;
    height: 1.6rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.head-user {
    float: left;
    margin-top: 0.4rem;
    width: 7.5rem;
    height: 1.6rem;
    margin-left: 0.4rem;
}

.head-user-words {
    width: 100%;
    height: 0.65rem;
    line-height: 0.6rem;
    font-size: 0.55rem;
    font-weight: 500;
    color: #000;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.head-user-integral {
    margin-top: 0.05rem;
    width: 100%;
    height: 0.6rem;
    line-height: 0.7rem;
    font-size: 0.5rem;
    font-weight: 500;
    color: #b2b2b2;
}

.head-user-integral span {
    font-size: 0.6rem;
    color: #000;
}

.hr {
    width: 100%;
    height: 0.5rem;
    background-color: #ebebeb;
}

.middle {
    position: relative;
    width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0.7rem 0 0.6rem 0;
}

.middle-hr-one {
    float: left;
    height: 0.875rem;
    width: 0.5rem;
    border-bottom: 0.05rem solid #ececec;
}

.middle-search {
    float: left;
    margin-top: 0.1rem;
    width: 7rem;
    height: 1.5rem;
    line-height: 1.6rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    border: 1px solid #ececec;
}

.middle-search input {
    outline: none;
    color: #ececec;
}

.middle-search input::-webkit-input-placeholder { /* WebKit browsers */
    color: #ececec;
}

.middle-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ececec;
}

.middle-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ececec;
}

.middle-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ececec;
}

.middle-hr-tow {
    float: left;
    height: 0.875rem;
    width: 0.9rem;
    border-bottom: 0.05rem solid #ececec;
}

.middle-radius {
    position: relative;
    float: left;
    width: 1.7rem;
    height: 1.7rem;
    line-height: 1.4rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 0.05rem solid #ececec;
}

.middle-radius:active {
    background-color: #f1f1f1;
}

.middle-hr-three {
    float: left;
    height: 0.825rem;
    width: 0.7rem;
    border-bottom: 0.05rem solid #ececec;
}

.middle-radius span {
    display: inline-block;
    position: absolute;
    width: 1.2rem;
    height: 0.5rem;
    text-align: center;
    top: -0.24rem;
    left: 0.26rem;
    font-size: 0.5rem;
    font-weight: 500;
    color: #d6000f;
}

.commodity {
    margin-left: 0.5rem;
    position: relative;
    padding: 0.5rem 0.3rem 0.7rem 0;
    width: 15.2rem;
    height: 3rem;
    border-bottom: 0.05rem solid #e2e2e2;
}

.commodity-img {
    float: left;
    width: 3rem;
    height: 3rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
    background-color: #ccc;
    overflow: hidden;
}

.commodity-right {
    float: left;
    margin-left: 0.6rem;
    width: 11.1rem;
}

.commodity-name {
    width: 11.1rem;
    font-size: 0.6rem;
    font-weight: 500;
    color: #555;
    margin-top: -0.1rem;
    /*-webkit-line-clamp: 2;*/
    /*overflow:hidden;*/
    /*text-overflow:ellipsis;*/
    /*-o-text-overflow:ellipsis;*/
    /*white-space:nowrap;*/
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.commodity-label {
    position: absolute;
    bottom: 0.7rem;
    width: 11.1rem;
    height: 1.1rem;
    margin-bottom: -0.1rem;
}

.commodity-integral {
    height: 1.1rem;
    bottom: 0;
    float: left;
}

.commodity-integral div {
    float: left;
}

.commodity-integral-words {
    height: 1.1rem;
    line-height: 1.2rem;
    text-align: left;
    font-size: 0.65rem;
    color: #e56069;
}

.commodity-integral div {
    font-size: 0.6rem;
}

.commodity-integral-div {
    width: 2.7rem;
    padding-left: 1.1rem;
    height: 1rem;
    line-height: 1.1rem;
    text-align: center;
    -moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
}

.commodity-car {
    position: absolute;
    top: 0;
    left: 7.4rem;
    bottom: -0.1rem;
    height: 1.1rem;
    line-height: 1.05rem;
    text-align: center;
    font-size: 0.45rem;
    font-weight: 500;
    color: #a5a5a5;
}

.commodity-car div {
    float: left;
}

.commodity-car-words {
    height: 1.1rem;
    line-height: 1.2rem;
    text-align: left;
    font-size: 0.5rem;
    color: #a5a5a5;
}

.commodity-car:active {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.commodity-car-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    height: 1rem;
}

.commodity-car-div {
    position: absolute;
    text-align: left;
    top: 0;
    width: 2.7rem;
    left: 1rem;
}

.commodity-search {
    background-color: #fff;
}

/********** search  *********/
.search-head {
    width: 100%;
    height: 2.6rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
}

.search-search {
    float: left;
    margin-left: 0.4rem;
    margin-top: 0.7rem;
    width: 12rem;
    height: 1.8rem;
    background-color: #fff;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.search-button {
    float: left;
    margin-top: 0.7rem;
    margin-left: 0.4rem;
    width: 3rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 500;
    color: #fff;
    background-color: #8a8a8a;
    -moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
}

.wait-top {
    margin-top: 0.1em;
    margin-bottom: 0.5em;
    display: none;
}

.wait-bottom {
    margin-top: 0.9em;
    display: none;
}

.wait-text {
    line-height: 2.5em;
    text-align: center;
    font-size: 0.6em;
    color: #999999;
}